<div class="footer">
    <div class="container">
        <div class="item" data-aos="fade-up-right">
            <div class="href"> <?php echo $this->config["title"]?></div>
            <div class="href"></div>
            <div class="href"></div>
            <div class="href">Address：<?php echo $this->config["address"]?></div>
            <div class="href">24-hour service hotline：<?php echo $this->config["tel1"]?></div>
            <div class="href">Service hotline：<?php echo $this->config["tel2"]?></div>
            <div class="href">Email：<?php echo $this->config["email"]?></div>
        </div>
        <div class="item text-align-center" data-aos="fade-up-right">
            <div class="title">Company Profile</div>
            <?php
            foreach ($this->page as $item) {
                if ($item->parent_id == 1) {
                    ?>
                    <div class="href"><a href="<?php echo '/page/' . $item->id?>"><?php echo $item->title?></a></div>
                    <?php
                }
            } ?>
        </div>
        <div class="item text-align-center" data-aos="fade-up-right">
            <div class="title">
                Scan and add me as a friend
            </div>
            <div class="href">
                <img style="width: 200px" src="<?php echo $this->config["wechat"] ?>">
            </div>
        </div>
        <div class="item text-align-right" data-aos="fade-up-right">
            <div class="title">Product Center</div>
            <?php
            foreach ($this->product as $k => $item) {
                if ($k < 7) {
                    ?>
                    <div class="href"><a href="/index/index/productDetail/<?php echo $item->id?>"><?php echo $item->title?></a></div>
                    <?php
                }
            } ?>
        </div>
    </div>
</div>

<div class="footer2">
    <div class="container">
        <div data-aos="fade-right">
            Copyright ©️ <?php echo $this->config["title"]?>
        </div>
        <div data-aos="fade-left">
            <a href="https://beian.miit.gov.cn/" rel="nofollow"> <?php echo $this->config["icp"]?></a>
        </div>
    </div>
</div>
</div>
<script>
    const App = {
        data() {
            return {
                message: "Hello Element Plus",
                hover: 0,
            };
        },
        mounted() {
            AOS.init({
                easing: 'ease-out-back',
                duration: 1000
            });
        },
        methods: {
            onMouseEnter(key) {
                this.hover = key
            },
            onMouseLeave(key) {
                setTimeout(() => {
                    this.hover = 0
                }, 5000)
            }
        }
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");
</script>
</body>
</html>
